<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="Rabr, rabr, twitter, dabr, twitese, disinfeqt" />
        <meta name="description" content="Rabr is an advanced and revolutionary interface for dabr and Twitese" />
        <link rel="shortcut icon" href="img/favicon.ico" />
        <link type="text/css" href="css/main.css" rel="stylesheet" />
        <title>Peetweet !</title>
        <script type="text/javascript" src="js/phprpc_client.js"></script>
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.cookie.js"></script>
        <script type="text/javascript" src="js/jquery.timers.js"></script>
        <script type="text/javascript" src="js/peetweet.js"></script>
        <script type="text/javascript" src="js/showpic.js"></script>
    </head>

    <body>
        <div id="header">
            <div class="warpper">
                <a href="#"><img id="logo" style="float:left" src="img/logo.png" /></a>
                <ul id="nav" class="round">
                    <li><a href="#" id="nav_home">Home</a></li>
                    <li><a href="#" id="nav_logoff">Logoff</a></li>
                </ul>
            </div>
        </div>
        <div id="content" class="warpper">
            <div class="content-bubble-arrow"></div>
            <table class="columns">
                <tbody>
                    <tr>
                        <td id="left" class="round-left column">
                            <p>If you see this, something is wrong with javascript in your browser, try refresh, or shift to another browser.</p>
                        </td>
                        <td id="side_base" class="round-right column">
                            <div id="side">
                                <ul id="primary_nav" class="sidebar-menu">
                                    <li id="menu_home"><a href="#">Home</a></li>
                                    <li id="menu_at"><a href="#">@</a></li>
                                    <li id="menu_dm"><a href="#">Direct Message</a></li>
                                    <li id="menu_fav"><a href="#">Favorited</a></li>
                                </ul>
                                <div id="profile" class="section">
                                    <p class="promotion round"> PeeTweet!  </p>
                                    <p>peetweet is a fully ajaxed Twitter client using phprpc/jquery/phptweet as backend.</p>
                                    <p>a project by @BOYPT</p>
                                    <p>peetweet is still under fast developing, tons of features are waiting, so stay tuned.</p>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="clear"></div>
            <div id="footer" class="round">
                <ul>
                    <li>@BOYPT</li>
                    <li><a href="http://code.google.com/p/peetweet/" target="_blank">Google Code</a></li>
                </ul>
            </div>
        </div>

        <div id="buffer_area" style="display:none;">
            <div id="login_sec">
                <form> 
                    <fieldset class="common-form standard-form">
                        <table cellspacing="0">
                            <tr>
                                <th><label for="username_or_email">Username or email</label></th>
                                <td><input id="login_usr" type="text" /></td>
                            </tr>
                            <tr>
                                <th><label for="password">Password</label></th>
                                <td><input id="login_psw" type="password" /></td>
                            </tr>
                            <tr>
                                <th></th>
                                <td><input id="remember_me" name="remember_me" type="checkbox" value="1" /> <label for="remember_me" class="inline">Remember me</label></td>
                            </tr>
                            <tr>
                                <th></th>
                                <td><input id="login_btn" type="submit" value="Sign In" /></td>
                            </tr>
                        </table>
                    </fieldset>
                </form>
            </div>
            <div id="content_wrapper">
                <div id="statuses_update_box" class="column round-left">
                    <h2>What's happening?</h2>
                    <span id="tip"><b>140</b></span>
                    <form> 
                        <textarea id="textbox" name="status"></textarea>
                        <input type="hidden" value="0" name="in_reply_to" id="in_reply_to"/>
                        <input type="submit" value="update" id="submit_btn"/>
                    </form>
                </div>
                <div class="clear"></div>
                <div id="statuses" class="section">
                    <div id="timeline_heading"></div>
                    <div id="new_results_notification"><a id="results_update" class="minor-notification" href="#"><span id="tweet_count">0</span> new tweets</a></div>
                    <ol id="allTimeline" class="timeline timeline_visible"></ol>
                    <ol id="atTimeline" class="timeline"></ol>
                    <ol id="myTimeline" class="timeline"></ol>
                    <ol id="dmTimeline" class="timeline"></ol>
                    <ol id="favTimeline" class="timeline"></ol>
                    <div id="pagination">
                        <button id="getOlderStatus">More</button>
                    </div>
                </div>                
            </div>
        </div>
    </body>
</html>
